<template>
  <div class="map_view">
    <!-- <div class="map_box">
      <Map :mapConfig="baseMapConfig" ref="baseMap" :id="'baseMap'"></Map>
    </div> -->
    <div class="map_box">
      <Map
        :mapConfig="heatMapConfig"
        :isLoca="true"
        :id="'heatMap'"
        ref="heatMap"
      ></Map>
    </div>
    <div class="button"></div>
  </div>
</template>

<script>
import Map from '../components/Map.vue'
export default {
  components: {
    Map
  },
  data () {
    return {
      baseMapConfig: {

      },
      heatMapConfig: {
        zoom: 5.12,
        center: [109.595668, 35.447184],
        showLabel: false,
        viewMode: '2D'
      }
    }
  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
.map_view {
  display: flex;
  justify-content: center;
  align-items: center;
}
.map_box {
  width: 500px;
  height: 400px;
}
</style>
